<!DOCTYPE html>
<html>
<head lang="en">
    <meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=no"/>
    <meta name = "format-detection" content="telephone = no" />
    <link rel="shortcut icon" href="img/smlogo.png" type="image/x-icon">
    <meta charset="UTF-8">
    <title>Pulu-资讯圈</title>
    <link rel="stylesheet" href="css/index2.css"/>
    <link rel="stylesheet" href="css/textareapage.css"/>
    <link rel="stylesheet" href="css/home.css"/>
    <link rel="stylesheet" href="css/swiper.min.css">
    <link rel="stylesheet" href="css/swiper_change.css"/>
    <link rel="stylesheet" href="css/expnavnone.css"/>
    <style>
        body,html{
            /*height:100%;*/
            height:auto;
            width:100%;
            box-sizing: border-box;
            position: relative;
            background:#fff;
            /*overflow-x: hidden;*/
            overflow-y: auto;
        }
        html{
            background:#ececec;
        }
        #page_wrapper {
            margin-bottom: 0;
        }
        /*.wrapper.home_feed{*/
        /*position: absolute;*/
        /*bottom:44px;*/
        /*}*/
        #footer{
            position: absolute;
            width:100%;
            max-width:1000px;
            min-width:320px;
            bottom: 0;
            color:#989898;
            height:47px;
            box-sizing: border-box;
            text-align: center;
            /*left: 0;*/
            /*right: 0;*/
            background: #F8F8F8;
            padding: 10px;
            font-size: 12px;
        }
        #footer a{
            color:#989898;
        }
        #footer p{
            background: #F8F8F8;
            width:100%;
        }
        .wrapper.home_feed{
            position:relative;
        }
        .tuijian{
            background:#F4C600;
            font-size:14px;
            color:#fff;
            position:absolute;
            top:20px;
            right:20px;
            padding:0 2px;
            border-radius:2px;
            height:22px;
            line-height:22px;
            box-sizing: border-box;
        }
        /*.callback{*/
        /*max-width: 540px;*/
        /*}*/
        input::-webkit-input-placeholder{
            color:#ddd;
        }
        input:-moz-placeholder {
            color:    #ddd;
        }
        input:-ms-input-placeholder{
            color:    #ddd;
        }
        #searchinput{
            margin-top:-2px;
            height:24px;
        }
        #searchinput::-webkit-input-placeholder{
            color:#BC7F74;
        }
        #searchinput:-moz-placeholder {
            color:    #BC7F74;
        }
        #searchinput:-ms-input-placeholder{
            color:    #BC7F74;
        }
        /*鼠标指针*/
        .photo_wrapper img,.listcom,.overflow.action_item.overflow_link,div[id*=cancelbtn],div[id*=sendcommentbtn]{
            cursor: pointer;
        }
        /*表情*/
        .listcom span img {
            width: 18px;
            height: 18px;
            margin-top: -3px;
        }
        div[id*=facelogo]{
            float:left;
            width: 32px;
            height: 32px;
            background:url(img/sz.png)no-repeat center;
            background-size: 27px;
            cursor: pointer;
        }
        .tuijian{
            width:57px;
            background:url('img/xttj1.png')no-repeat;
            background-size:57px;
        }
        .feed_item_answer_user img{
            width: 28px;
            height: 28px;
            margin-top: -3px;
        }
        #chat1 {
            float: right;
            width: 39px;
            height: 44px;
            background: url("img/chatlogo.png") no-repeat center;
            background-size: 20px;
            cursor: pointer;
        }
        /*修改三个点*/
        .ActionBar .action_bar_inner .action_item.overflow_link a .overflow_dots{
            background: transparent;
        }
        .ActionBar .action_bar_inner .action_item.overflow_link a .overflow_dots:after{
            display:none;
        }
        .ActionBar .action_bar_inner .action_item.overflow_link a .overflow_dots:before{
            display:none;
        }
        .ActionBar .action_bar_inner .action_item.overflow_link{
            width:45px;
            height:29px;
            background: url(img/chatbabble.png)no-repeat center;
            background-size: 19px 14px;
        }
        #cancelbtn,#sendcommentbtn{
            cursor: pointer;
        }
        #sendcommentbtn.cmnt_smt.none_cmnt{
            cursor:not-allowed;
        }
        .wrapper.home_feed>div{
            margin-top:83px;
        }
        /*修改 左侧布局*/
        div.feed_answer_preview.answer_content{
            background: #f8f8f8;
        }
        .landscape.qtext_image.zoomable_in_feed.lazy_loaded.lazy_loading{
            width:100%;
            height:100%;
        }
        .feed_answer_preview.answer_content>h2.no_highlight{
            width:77%;
            padding-left:10px;
            box-sizing: border-box;
            padding-top: 8px;
        }
        .feed_answer_preview.answer_content>h2+a{
            width: 23%;
            /*height: 23vw;*/
            float:left;
        }
        .landscape.qtext_image.zoomable_in_feed.lazy_loaded.lazy_loading{
            height:100%;
        }
        .feed_answer_preview.answer_content>h2.no_highlight>a{
            /*font-weight: 100;*/
            font-size: 16px;
        }
        .addfriend{
            position: absolute;
            top: 20px;
            right:87px;
            width: 57px;
            height: 18px;
            line-height: 18px;
            text-align: center;
            border: 1px solid #41A5ED;
            border-radius: 3px;
            color: #41A5ED;
            font-size: 12px;
            margin: 0 auto;
            cursor: pointer;
            z-index: 9999;
        }
        .addfriend.clicked{
            border: 1px solid #A9A9A9;
            color: #A9A9A9;
        }
        /*添加新闻地址*/
        #addnewsurlbtn{
            float:right;
            width:40px;
            height:38px;
            cursor: pointer;
            border-bottom: 1px solid #e2e2e2;
            background:#f9f9f9 url("img/jiahao02.png")no-repeat center;
            background-size: 20px;
        }
        #addnewsurldiv{
            display: none;
            position: absolute;
            background: #FAFAFA;
            z-index: 100;
            top: 83px;
            width: 100%;
            overflow: hidden;
            box-sizing: border-box;
            max-width: 1000px;
            padding: 10px 8px;
            border-bottom: 1px solid #ddd;
        }
        .inputnewsdiv{
            margin-right:50px;
        }
        #inputnewsurl{
            width: 100%;
            box-sizing: border-box;
            border: 1px solid #9a9a9a;
            border-right-color: #ccc;
            border-bottom-color: #ccc;
            font-size: 16px;
            padding: 3px 5px;
        }
        #shareNewBtn{
            height:30px;
            width:40px;
            line-height: 30px;
            text-align: center;
            border-radius: 3px;
            background: #169BD1;
            color:#fff;
            font-size:14px;
            cursor: pointer;
        }
    </style>
    <script src="js/jquery-1.11.3.js"></script>
</head>
<body class=" experiment-lookup_bar-on gating-feed_switcher_bar-on mweb  gating-new_mweb_header_logged_out-off">
<!--主体内容-->
<div class="PageWrapper mweb swiper-container" id="page_wrapper" style="width:100%;box-sizing: border-box;overflow-x: hidden;margin-top:0;">
    <!-- 头部导航条-->
    <div class="Header" id="header" style="z-index:1000;">
        <div class="fixed_header" style="position: fixed;">
            <div class="header_main mweb_lookup_bar_has_input">
                <a class="logo symbol_logo"  id="logo" href="https://www.pulu.com/weixin/pulu.html"></a>
                <div class="header_action_buttons mweb_lookup_bar_has_input" style="right:32px;">
                    <div class="mweb_lookup_bar_input_wrapper mweb_lookup_bar_input_wrapper_fake">
                        <div class="mweb_lookup_bar_input" style="min-height: 29px;font-size: 14px; color:#BC7F74;">
                            <div id="gotosearch"></div>
                            <input id="searchinput" type="text" placeholder="输入关键词搜索相关新闻" style="width:100%"/>
                        </div>
                    </div>
                </div>
                <a class="logo symbol_logo"  id="chat1" style="float:right"></a>
                <!-- 输入网址-->
                <div id="addnewsurldiv">
                    <div class="rt" id="shareNewBtn">转发</div>
                    <div class="inputnewsdiv">
                        <input id="inputnewsurl" type="text" placeholder="粘贴你想要转发的新闻链接"/>
                    </div>
                </div>
            </div>
            <ul class="header_nav">
                <li class="NotifsNavItem HeaderNavItem">
                    <a id="quebtn">
                        <div class="label">问题圈</div>
                    </a>
                </li>
                <li class="HeaderNavItem OpenQsNavItem">
                    <a id="answer1">
                        <div class="label">经验圈</div>
                    </a>
                </li>
                <li class="HeaderNavItem HomeNavItem">
                    <a id="read1">
                        <div class="label">同路人</div>
                    </a>
                </li>
                <li class="ProfileNavItem HeaderNavItem">
                    <a id="set1">
                        <p id="newnotenotice" style="display:none"></p>
                        <div class="label">我</div>
                    </a>
                </li>
            </ul>
            <!-- 搜索按钮-->
            <div id="addnewsurlbtn"></div>
            <!-- 四个导航-->
            <div class="HeaderSwitcher ReadSwitcher SubHeader" style="margin-right:40px;">
                <div class="switcher">
                    <ul class="inner">
                        <li class="HeaderSwitcherItem is_active">
                            <a class="link" id="yours2">
                                <div class="label">阅读圈</div>
                            </a>
                        </li>
                        <li class="HeaderSwitcherItem">
                            <a class="link" id="zhzx2">
                                <div class="label">综合资讯</div>
                            </a>
                        </li>
                        <li class="HeaderSwitcherItem">
                            <a class="link" id="hyxw2">
                                <div class="label">行业新闻</div>
                            </a>
                        </li>
                        <li class="HeaderSwitcherItem">
                            <a class="link" id="xq2">
                                <div class="label">兴趣爱好</div>
                            </a>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
    <!-- 页面主体-->
    <div class="wrapper home_feed swiper-wrapper" style="background:#fff;">
        <!-- 新闻主体-->
        <div class="showlist00 SimpleToggle Toggle HomeMainFeed swiper-slide" style="background: #fff;">
            <div class="newsbody"></div>
            <!-- 请稍等-->
            <div id="pleasewait">
                <div class="waitbox">
                    <div id="waiting">加载中...</div>
                    <div id="nonews" style="display:none">没有更多信息</div>
                </div>
            </div>
            <!--底部-->
            <!--<div id="footer" style="display:none;border:1px solid transparent">-->
            <!--版权所有©深圳市欧米加科技有限公司-->
            <!--<p><a href="http://www.miitbeian.gov.cn">粤ICP备11011678号-4</a></p>-->
            <!--</div>-->
        </div>
    </div>
</div>
<!-- 收藏完成提示-->
<div class="action_menu_container" id="collectword" style="display: none;">
    <div class="inner">
        <div class="action_menu">
            <a class="mweb_action_button">收藏成功</a>
        </div>
    </div>
</div>
<!-- 删除转发新闻-->
<div class="action_menu_container" id="delmynews" style="display: none;">
    <div class="inner">
        <div id="delmynewsform">
            <div class="action_menu">
                <a class="mweb_action_button">提醒</a>
            </div>
            <div class="action_menu">
                <a class="mweb_action_button">是否删除此新闻？</a>
            </div>
            <div class="action_menu">
                <div class="rt" id="delmynewsok">确定</div>
                <div id="delmynewscancel">取消</div>
            </div>
        </div>
    </div>
</div>
<!--评论输入区域-->
<div class="cmnt_fixed callback">
    <div class="th_td">
        <a class="cmnt_cancel" id="cancelbtn">取消</a>
        <a class="cmnt_smt none_cmnt" id="sendcommentbtn">确定</a>
    </div>
    <div class="cmnt_border">
        <textarea class="cmnt_textarea" id="commentinput" placeholder="说说你的看法"></textarea>
        <div class="cmnt_opbox">
            <div class="cmnt_tabbtn_wrap">
                <a id="facebtn" class="cmnt_tabbtn j_cmnt_tabbtn j_tabbtn_face">
                    <span class="cmnt_tabbtn_icon"></span>
                </a>
            </div>

        </div>
    </div>
    <div class="swiper-container" id="swiper-container" style="display:none;">
        <div class="swiper-wrapper">

            <div class="swiper-slide"  id="zerofacepage">

            </div>

            <div class="swiper-slide" id="onefacepage">

            </div>

            <div class="swiper-slide" id="twofacepage">

            </div>
        </div>
        <div class="swiper-pagination swiper-pagination-clickable swiper-pagination-bullets" id="swiper-pagination">
            <span class="swiper-pagination-bullet swiper-pagination-bullet-active"></span>
            <span class="swiper-pagination-bullet"></span>
            <span class="swiper-pagination-bullet"></span>
        </div>
    </div>
</div>
<!-- 快捷按钮-->
<div class="quick" style="display: none;font-size:16px">添加</div>
<!--<div class="quick1" id="refreshbtn" style="font-size:16px"></div>-->
<!-- 快捷列表-->
<div class="quicklist" style="display: none;">
    <div class="quickexp">
        <div>经验</div>
        <div class="qimgbox"></div>
    </div>
    <div class="quickquestion">
        <div>问题</div>
        <div class="qimgbox"></div>
    </div>
</div>
<div id="quickexplist">
    <div class="box">
        <div class="listbtn">
            <div id="nomexp" style="border-bottom:1px solid #e2e2e2">普通经验（最高9分钱）</div>
            <div id="heiexp" style="border-bottom:1px solid #e2e2e2">高额经验（1元起）</div>
            <div>发经验可以赚钱，好友点击就会付费</div>
        </div>
    </div>
</div>
<script>
    //快捷按钮
    var quick=document.getElementsByClassName("quick")[0];
    var refreshbtn=document.getElementById("refreshbtn");
    var quicklist=document.getElementsByClassName("quicklist")[0];
    quick.onclick=function(){
        if(quicklist.style.display==="block"){
            quicklist.style.display="none";
//            refreshbtn.style.display="block";
        }else if(quicklist.style.display==="none"){
            quicklist.style.display="block";
//            refreshbtn.style.display="none";
        }
    };
    function is_weixn(){
        var ua = navigator.userAgent.toLowerCase();
        if(ua.match(/MicroMessenger/i)=="micromessenger") {
            return true;
        } else {
            return false;
        }
    }
    if(document.querySelector(".quicklist .quickexp")){
        document.querySelector(".quicklist .quickexp").onclick=function(){
            document.getElementById("quickexplist").style.display="block";
        };
        if(is_weixn()){
            document.getElementById("nomexp").onclick=function(){
                document.getElementById("quickexplist").style.display="none";
                location.href="https://www.pulu.com/weixin/sendexp.html";
                quicklist.style.display="none";
            };
            document.getElementById("heiexp").onclick=function(){
                document.getElementById("quickexplist").style.display="none";
                location.href="https://www.pulu.com/weixin/sendexpg.html";
                quicklist.style.display="none";
            };
            document.querySelector(".quicklist .quickquestion").onclick=function(){
                location.href="https://www.pulu.com/weixin/sendquestion.html";
                quicklist.style.display="none";
            };
        }else{
            document.getElementById("nomexp").onclick=function(){
                document.getElementById("quickexplist").style.display="none";
                location.href="https://www.pulu.com/sendexp.html?id="+id;
                quicklist.style.display="none";
            }
            document.getElementById("heiexp").onclick=function(){
                document.getElementById("quickexplist").style.display="none";
                location.href="https://www.pulu.com/sendexpgpc.html?id="+id;
                quicklist.style.display="none";
            };
            document.querySelector(".quicklist .quickquestion").onclick=function(){
                location.href="https://www.pulu.com/sendquestion.html?id="+id;
                quicklist.style.display="none";
            };
        }
    };

    $(document).ready(function(){
        $(".wrapper.home_feed").css("minHeight",window.screen.availHeight+"px");
    });
</script>
<script src="js/jquery.cookie.js"></script>
<script src="https://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script>
<!--环信-->
<script type="text/javascript" src="sdk/webim.config.js"></script>
<script src="sdk/strophe-1.2.8.min.js"></script>
<script src="https://downloads.easemob.com/downloads/cdn/websdk-1.4.5.min.js"></script>
<script src="ftnjs/isweixin.js"></script>
<script src="ftnjs/swiper.jquery.min.js"></script>
<script src="ftnjs/urlnote.js"></script>
<script src="ftnjs/sendfaceftn.js"></script>
<script src="js/tohref.js"></script>
<script src="js/home.js"></script>
<script src="ftnjs/newnotenotice.js"></script>
<!--插入表情及按钮操作-->
<script>
    var mySwiper;
    //    console.log(window.screen.height-127+"px");
    //    $(".wrapper.home_feed>div").css("height",window.screen.height-127+"px");
    //弹出表情
    $("#facebtn").click(function(){
        if($("#swiper-container").css("display")==="block"){
            $("#swiper-container").css("display","none");
            $("#keybordbtn").css("display","none");
            $("#facebtn").css("display","block");
//            $("#commentinput").focus();
        }else{
            $("#swiper-container").css("display","block");
            $("#keybordbtn").css("display","block");
            //swiper
            if(!mySwiper){
                mySwiper = new Swiper ('#swiper-container', {
                    paginationClickable: true,
                    touchRatio : 1,
                    initialSlide :0,
                    pagination: '#swiper-pagination'
                })
            }
        }
    });
    var callbackinput=$(".callback")[0];

    //插入表情字符
    function sendface(e){
        $("#sendcommentbtn").attr("class","cmnt_smt");
        var face=e.dataset.key;
        $("#commentinput").insertAtCaret(face);
//        $("#commentinput").blur();
    }

</script>
</body>
</html>